<template>
    <div>
        {{msg}}
        <h1>大麦演唱会</h1>
        <div  class="ver" v-for="(v,k) in dataList" :key="k">
            <img :src="v[0].src">
            <h3><a href="#">{{v[0].title}}</a></h3>
            <h4>演唱会时间：{{v[0].time}}</h4>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            msg:"我是mine组件",
            dataList:""

        };
    },
    mounted(){
        // this.$http.get("https://api.apiopen.top/singlePoetry").then(res=>{
        //     // this.$axios("../../../static/newslist.json").then(res=>{
        //     // this.$http.get("/movie/top250").then(res=>{
        //     // console.log(res.data)
        //     // this.dataList=res.data;
        //     // this.dataList.splice(4,9)
        //     // console.log(this.dataList[0].name)
        
        // })  
    },
    created() {
        this.getListDate()
    },
    methods: {
        getListDate(){   //封装异步             
            this.$http.get("../../../static/yc.json").then(res=>{
            // this.$axios("../../../static/newslist.json").then(res=>{
            // this.$http.get("/movie/top250").then(res=>{
            console.log(res.data)
            this.dataList=res.data;
            this.dataList.splice(4,9)
            // console.log(this.dataList[0].name)
        
        })  
        },
    },
    components: {

    },
};
</script>

<style>

</style>
